

.do-btn
  display: inline-block
  margin-bottom: 0
  text-align: center
  vertical-align: middle
  touch-action: manipulation
  cursor: pointer
  background-image: none
  border: 1px solid $border-color
  white-space: nowrap
  text-decoration: none
  padding: 3px 7px
  +border-radius(5px)

  &:focus
    outline: none 


.do-btn-default
  color: $base-color
  background-color: transparent
  &:hover
    background-color: #f8f8f8
    color: $base-color
  &:active
    background-color: $base-color
    color: $white-color

.do-btn-primary
  color: $white-color
  background-color: $blue-color
  border-bottom : 2px solid #118cc4
  &:hover
    background-color: #8dd3f4
    color: $white-color
    border-bottom-color : #4abcf1
  &:active
    background-color: #0a8cc7
    color: $white-color
    border-bottom-color : #065579

.do-btn-success
  color: $white-color
  background-color: $green-color
  border-bottom : 2px solid #5c860c
  &:hover
    background-color: #b6d874
    border-bottom-color: #83be11
    color: $white-color
  &:active
    background-color: #67960c
    border-bottom-color: #436307
    color: $white-color


.do-btn-info
  color: $base-color
  background-color: #eeeded
  border-bottom : 2px solid #d0d0d0
  &:hover
    background-color: #f8f8f8
    border-bottom-color : #c4c2c2
    color: $base-color
  &:active
    background-color: $base-color
    border-bottom-color : #2f2f2f
    color: $white-color


.do-btn-md
  padding: 8px 16px

.do-btn-sm
  padding: 4.5px 8.98px



.do-btn-block
  display: block
  background-color: #f3f3f3
  padding: 10.5px 0

.do-btn-block:hover
  background-color:#fcfcfc
  color:inherit
